<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>{$lang.title}</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="/static/plugin/ace/css/colorbox.css" />
		<include file="common/ace-tag"/>
	</head>
	<style>
		.yui_row{
			margin-left:-5px;
			margin-right:8px
		}
		body{
			background-color:#fff
		}
		img{
			width: 200px;
			height:200px;
		}
		.yui_rd{
			margin-right: 20px;
			margin-top: -25px;
			float: right;
		}
	</style>
	<body>

		<div class="row yui_row">
			<div class="col-xs-12">

				<div class="page-content">
					<div class="page-header">
						<h1>
							{$lang_other.thumb_desc0}
							<small>
								<i class="icon-double-angle-right"></i>
								{$lang_other.thumb_desc1}
							</small>
						</h1>
						<div class="yui_rd">
							<a href="javascript:location.reload()"><span class="label label-xlg label-primary arrowed arrowed-right">{$lang.reload}</span></a>
						</div>
					</div><!-- /.page-header -->

					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->

							<div class="row-fluid">
								<ul class="ace-thumbnails">
									<foreach name="tags" item="vo">
									<li class="yui_detail" data-code="{$vo.code}">
										<a href="#">
											<img alt="250x250" src="{$thumb[$vo['code']]['url']}" />
											<div class="text">
												<div class="inner">{$lang_other.thumb_desc2}</div>
											</div>
											<div class="tags">
											<span class="label-holder">
												<span class="badge badge-success">{$thumb[$vo['code']]['count']}</span>
											</span>
											<span class="label-holder">
												<span class="label label-info arrowed">{$vo.name}</span>
											</span>
											<span class="label-holder">
												<span class="label label-danger">{$vo.updated_at}</span>
											</span>
											</div>
										</a>
									</li>
									</foreach>
								</ul>
							</div><!-- PAGE CONTENT ENDS -->
						</div><!-- /.col -->
					</div><!-- /.row -->

				</div>
			</div>
		</div>

		<script type="text/javascript">
			$(function() {

                $(".yui_detail").css("margin-right","30px");

                //详细界面
                $('.yui_detail').on('click' , function(){
                    let code=$(this).data('code');
                    let url="/albumList?code="+code;
                    let index =layer.open({
                        type: 2,
                        title: '{$lang_other.thumb_desc3}',
                        content: url,
                        cancel: function(){
                            // 右上角关闭事件的逻辑
                            location.reload();
                        }
                    });
                    layer.full(index);
                });

			})

		</script>
	</body>
</html>
